<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="../../../../Themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="../../../../Themes/icon.css">
		<link rel="stylesheet" type="text/css" href="../../../../CSS/demo.css">
		<link rel="stylesheet" type="text/css" href="../../../../CSS/common.css">
		<script type="text/javascript" src="../../../../JS/common.js"></script>
		<script type="text/javascript" src="../../../../JS/jquery.min.js"></script>
		<script type="text/javascript" src="../../../../JS/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="../../../../JS/map.js"></script>
		<style>
			.right_postion {
				position: absolute;
				left: 750px;
				color: blue;
				font-weight: 300;
			}
			
			.left_postion {
				position: absolute;
				left: 40px;
				color: blue;
				font-weight: 300;
			}
			
			#maptitle {
				color: blue;
				font-weight: 600;
				font-size: 15px;
				margin-left: 340px;
				margin-top: 50px;
			}
		</style>
	</head>

	<body style="height: 100%;">
		<div style="text-align: left; ">
			<p id="maptitle"></p>
			<div id="left_top" class="left_postion"></div>
			<div id="right_top" class="right_postion"></div>
			<img id="img" src="../../../../images/map/map-3-1/临街门面1.jpg" usemap="#10" style="border-style:none;position: absolute;" />
			<map id="10" name="10">
 
			</map>
			<div id="left_bottom" class="left_postion"></div>
			<div id="right_bottom" class="right_postion"></div>
		</div>
	</body>
	<script type="text/javascript">
		var _left_top_num = 0;
		var _left_bottom_num = 0;
		var _right_top_num = 0;
		var _right_bottom_num = 0;
		var _tmp = "10";
		//		var _tmp = getID();

		var _topAreaData = new Object();
		var _middleAreaData = new Object();
		var _bottomAreaData = new Object()
		_topAreaData.len = 24;
		_topAreaData.x1 = 466;
		_topAreaData.y1 = 16;
		_topAreaData.x2 = 486;
		_topAreaData.y2 = 74;
		_topAreaData.offset = 20;
		_topAreaData.type = "horizontal";
		_topAreaData.firstnum = 1;
		
		_middleAreaData.len = 24;
		_middleAreaData.x1 = 461;
		_middleAreaData.y1 = 117;
		_middleAreaData.x2 = 482;
		_middleAreaData.y2 = 178;
		_middleAreaData.offset = 20;
		_middleAreaData.type = "horizontal";
		_middleAreaData.firstnum = 25;
		
		_bottomAreaData.len = 12;
		_bottomAreaData.x1 = 466;
		_bottomAreaData.y1 = 208;
		_bottomAreaData.x2 = 481;
		_bottomAreaData.y2 = 267;
		_bottomAreaData.offset = 20;
		_bottomAreaData.type = "horizontal";
		_bottomAreaData.firstnum = 49;
		
		var _topData = CreateAreaData(_topAreaData);
		var areacontent = CreateAreaHTML(_topData);
		$("#10").append(areacontent);
		var _middleData = CreateAreaData(_middleAreaData);
		var areacontent = CreateAreaHTML(_middleData);
		$("#10").append(areacontent);
		var _bpttomData = CreateAreaData(_bottomAreaData);
		var areacontent = CreateAreaHTML(_bpttomData);
		$("#10").append(areacontent);
		modiAreaTitle();
//		getTipNum();


//		function getTipNum() {
//			console.log("开始执行!");
//			var bh = parseInt(_tmp.substring(0, 1));
//			_left_bottom_num = (bh - 1) * 40 + 20;
//			_right_bottom_num = (bh - 1) * 40 + 1;
//			_left_top_num = (bh - 1) * 40 + 40;
//			_right_top_num = (bh - 1) * 40 + 21;
//			$("#left_bottom").html(_left_bottom_num);
//			$("#right_bottom").html(_right_bottom_num);
//			$("#left_top").html(_left_top_num);
//			$("#right_top").html(_right_top_num);
//			$("#maptitle").html("蔬菜批发区" + bh + "号大棚");
//
//		}

		function modiAreaTitle() {
			for(var i = 1; i < 2; i++) {
				var _id = "area" + i;
				var _plocation = getLocation(i);
				console.log(_plocation);
				document.getElementById(_id).setAttribute("title", _plocation);
			}

		}

		function getLocation(_num) {
			var bh = _tmp.substring(0, 1);
			console.log(bh);
			var boost_num = (parseInt(bh) - 1) * 40 + _num;
			var _location = "蔬菜批发区" + _tmp + "门牌号" + boost_num;
			return _location;
		}

		$(function() {
			$("area").each(function(index, element) {
				showTips($(this), $(this).attr("id"));
			});
		});
		////查看商铺的详细信息
		function BoostDetail() {
			console.log("查看商铺详细信息");
		}
	</script>

</html>